<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>12-获取与失去焦点.html</title>
</head>
<body>
说明: <input type="text" id="msg" onblur="demo01()">

<script>

    //onblur  失去焦点
    function demo01(){
        console.log('失去焦点')
        //拿到 页面的 输入的文本

        //01 拿到 input的节点
        //querySelector  基于选择器实现
        // let inputNode = document.querySelector("#msg");   //id选择器

        //通过id获取
        let inputNode = document.getElementById("msg");

        //02 通过value属性获取输入的内容
        let msg = inputNode.value;
        console.log(msg)

    }

    //onfocus 获取焦点
    function demo02(){
        console.log('获取焦点')
    }

</script>
</body>
</html>